<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        ul,li {margin: 0}
        div{
            margin-top: -10px;
        }
    </style>
    <script src="../js/jquery-1.11.3.js"></script>
    <script>


        $(function(){
            $('ul,div').mouseover(function(){
                $('div').show();
            }).mouseout(function(){
                $('div').hide();
            })

            $('#btn1,#btn2').click(function(e){
                alert(e.target.value)
            })
        })



    </script>
</head>
<body>
<ul>
    adasaa
</ul>
<div style="display: none">adsadsas</div>

<input type="button" value="点我1" id="btn1">
<input type="button" value="点我2" id="btn2">
</body>
</html>